<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"   
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:ui="http://java.sun.com/jsf/facelets"  
     xmlns:p="http://primefaces.org/ui"
     template="../../generales/plantillas/plantillaMain.xhtml">
     
	<ui:define name="content">
		<h:form id="formListProveedor">
			<p:panel id="formProveedor" header="#{msg['list.proveedores.titulo']}">
				<p:messages showDetail="true" autoUpdate="true" showSummary="true"/>
				
				<!-- Boton que permite mostrar el formulario para agregar un proveedor al sistema -->
				<p:commandButton id="btnAdd" value="#{msg['form.proveedor.boton.addProveedor']}" update=":formAdd:displayAdd" oncomplete="proveedorAddDialog.show()"/>
				
				<!-- Lista de los proveedores registrados en el sistema -->
				<p:dataTable var="proveedor" value="#{proveedorBean.lazyDataModel}" paginator="true" rows="10" paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  
                 			 rowsPerPageTemplate="#{msg['app.rowsPerPage']}" selectionMode="single" id="proveedoresTable"
                 			 emptyMessage="#{msg['list.proveedores.empty']}" rowKey="#{proveedor.codigo}">
                 			 
			        <p:column headerText="#{msg['list.proveedores.codigo']}" sortBy="#{proveedor.codigo}" filterBy="#{proveedor.codigo}">  
			            <h:outputText value="#{proveedor.codigo}" />
			        </p:column>  
			  
			        <p:column headerText="#{msg['list.proveedores.nit']}" sortBy="#{proveedor.nit}" filterBy="#{proveedor.nit}">  
			            <h:outputText value="#{proveedor.nit}" />
			        </p:column>
			  
			        <p:column headerText="#{msg['list.proveedores.nombre']}" sortBy="#{proveedor.nombre}" filterBy="#{proveedor.nombre}">  
			            <h:outputText value="#{proveedor.nombre}" />
			        </p:column>
			  
			        <p:column headerText="#{msg['list.proveedores.telefono']}" sortBy="#{proveedor.telefono}" filterBy="#{proveedor.telefono}">  
			            <h:outputText value="#{proveedor.telefono}" />
			        </p:column>
			        
			        <p:column style="width:70px">
			        	<p:panelGrid columns="3" style="border: hidden">
			        		<p:commandLink id="detalle" update=":formView:displayView" oncomplete="proveedorViewDialog.show()" title="#{msg['list.proveedores.menu.ver']}">
			        			<h:graphicImage library="images" name="icon_magnifying_glass.png"/>
			        			<f:setPropertyActionListener value="#{proveedor}" target="#{proveedorBean.proveedorSelected}" />
			        		</p:commandLink>
			        		<p:commandLink id="editar" update=":formEdit:displayEdit" oncomplete="proveedorEditDialog.show()" title="#{msg['list.proveedores.menu.editar']}">
			        			<h:graphicImage library="images" name="icon_edit.png"/>
			        			<f:setPropertyActionListener value="#{proveedor}" target="#{proveedorBean.proveedorSelected}" />
			        		</p:commandLink>
			        		<p:commandLink id="delete" title="#{msg['list.proveedores.menu.eliminar']}" onclick="confirmation.show()">
			        			<h:graphicImage library="images" name="icon_metal_garbage.png"/>
			        			<f:setPropertyActionListener value="#{proveedor}" target="#{proveedorBean.proveedorSelected}" />
			        		</p:commandLink>
			            </p:panelGrid>
			        </p:column>
			    </p:dataTable>
			</p:panel>
		</h:form>
		
		<!-- Formulario para realizar la agregacion del proveedor -->
		<ui:include src="formAddProveedor.xhtml" />
		
		<!-- Formulario para ver la informacion detallada del proveedor -->
		<ui:include src="formViewProveedor.xhtml" />
		
		<!-- Formulario para realizar la edicion del proveedor -->
		<ui:include src="formEditarProveedor.xhtml" />
		
		<!-- Dialog de confirmacion de eliminacion de proveedor -->
		<p:confirmDialog message="#{msg['form.proveedor.confirm.msg']}" resizable="false" header="#{msg['form.proveedor.confirm.title']}" severity="alert" widgetVar="confirmation">
            <h:form id="deleteDialogForm">
	            <p:commandButton value="#{msg['form.proveedor.boton.aceptar']}" actionListener="#{proveedorBean.eliminarProveedor}" update=":formListProveedor:proveedoresTable" oncomplete="confirmation.hide()"/>
	            <p:commandButton value="#{msg['form.proveedor.boton.cancelar']}" onclick="confirmation.hide()" type="button"/>
            </h:form>
        </p:confirmDialog>
	</ui:define>
</ui:composition>